<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的订单详细</title>
		<link rel="stylesheet" type="text/css" href="../css/order_detailed1.css"/>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/head-footer.css"/>
	</head>
	<body>
		<header>
			<div id="container">
		<!-- 页头 -->
		 <div class="head">
			<!--logo-->
			<div class="logo">
				<img src="../img/gq/logo_01.jpg"/>
			</div>
			<!--导航-->
			<ul class="clearfix">
				<li><a href="#">首页</a></li>
				<li><a href="#">骑行</a></li>
				<li><a href="#">铁三</a></li>
				<li><a href="#">跑步</a></li>
				<li><a href="#">新手学堂</a></li>
				<li><a href="#">品牌专区</a></li>
			</ul>
			<!--搜索框-->
            <form action="" class="search">
                <input type="search">
                <div class="search_icon">
                    <img src="../img/gq/sousuo.png" alt="">
                </div>
            </form>
	    	<!--购物车图标-->
	    	<div class="shopcar">
	    		<img src="../img/gq/shopcar.png" alt="">
	    	</div>
	    	<!--人员图标-->
	    	<div class="people">
	    		<img src="../img/gq/people.png" alt="">
	    	</div>
	    	<!--联系热线-->
	    	<div class="tel">
	    		<p>400-6563-116</p>
	    	</div>
	    	<!--language-->
	    	<div class="language">
	    		<span>CH</span>
	    	</div>
		</div>
	</div>	
		</header>
		<main>
		<!--所在位置-->
			<div class="weizhi">
				<a href=""><span>首页</span></a>&nbsp;<span>></span>&nbsp;<a href=""><span>我的不二定制</span></a>&nbsp;
				<span>></span>&nbsp;<a href=""><span>我的订单</span></a>&nbsp;<span>></span>&nbsp;<span class="ordernub">订单：2337108888360940</span>
			</div>
			<!--订单状态-->
			<div class="state">
				<div class="container">
  <div class="wrapper">
    <div class="cont">
    	
      <div class="inner">
      	<img src="../img/hgh/liuchen1.png"/>
      </div>
    </div>
  </div>
  
</div>
<div class="xian">
	<span class="nub">01</span>
	

	<span class="tijiao">提交订单</span>
	
</div>
<div class="container2">
  <div class="wrapper">
    <div class="cont">
      <div class="inner"><img src="../img/hgh/liucheng2.png"/></div>
    </div>
  </div>
  
</div>
		
		
			<div class="xian2">
		<span class="nub">02</span>
		
	
		<span class="tijiao">支付成功</span>
		
	</div>
<div class="container3">
  <div class="wrapper">
    <div class="cont">
      <div class="inner"><img src="../img/hgh/liucheng3.png"/></div>
    </div>
  </div>
  
</div>


<div class="xian3">
	<span class="nub">03</span>
	

	<span class="tijiao">已发货</span>
	
</div>
<div class="container4">
  <div class="wrapper">
    <div class="cont">
      <div class="inner"><img src="../img/hgh/liucheng4.png"/></div>
    </div>
  </div>
  
</div>
<div class="xian4">
	<span class="nub">04</span>
	

	<span class="tijiao">确认收货</span>
	
</div>
<div class="container5">
  <div class="wrapper">
    <div class="cont">
      <div class="inner"><img src="../img/hgh/liucheng5.png"/></div>
    </div>
  </div>
  
</div>
<div class="xian5">
	<span class="nub">05</span>
	

	<span class="tijiao">评价</span>
	
</div>

<div class="time">
	<div class="timeone">
		<span>2016-10-09</span><br />
		<span>19:10:00</span>
	</div>
</div>

			</div>
			<div class="order-message">
				<div class="order-text">
					<div class="textheard">
						<span>订单信息</span>
						<img src="../img/hgh/order-weixin.png"/>
					</div>
					
						
						<p class="p3">收货地址：</p><p class="p2">王大刚,13499995555,福建省 厦门市 <br />思明区   观日路52号之一201,361000</p><br />
						<p class="p1">买家留言：</p><p >注意定制信息，赶快制作</p>
						<br />
						<p class="p1">订单编号：</p><p>2337108888360940&nbsp;&nbsp;&nbsp;&nbsp; 更多</p><img src="../img/hgh/more.png"/ style="margin-left: 5px;cursor: pointer;">
				</div>
				<div class="wait-pay">
					<p>订单已提交，等待买家付款</p>
					<img src="../img/hghordertime.png"/>
					<span>你还有23小时26分43秒来付款，超时订单自动关闭</span><br />
					<button>提交</button>
					
					<div class="cancle">
						<label><img src="../img/hgh/cancle.png" alt="" /><span>取消订单</span></label>
					</div>
					
				</div>
				<div class="clean">
					
				</div>
				<div class="kong">
					
				</div>
				<div class="order-table">
					<table border="0" cellspacing="0" cellpadding="0">
						<tr>
							<th style="width: 440px;height: 50px;line-height: 50px;border-bottom: 2px solid #E7E7E7;background: #F8F8F8;">商品</th>
							<th style="width: 100px;border-bottom: 2px solid #E7E7E7;background: #F8F8F8;">单价</th>
							<th style="width: 150px;border-bottom: 2px solid #E7E7E7;background: #F8F8F8;">数量</th>
							<th style="width: 150px;border-bottom: 2px solid #E7E7E7;background: #F8F8F8;">操作</th>
							<th style="width: 150px;border-bottom: 2px solid #E7E7E7;background: #F8F8F8;">状态</th>
						</tr>
						<tr><td rowspan="2" style="height: 200px;border-bottom: 2px solid #E7E7E7;"><img src="../img/hgh/orderimg.png"/ >
						<span>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</span>
						<p>性别：女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;尺码： L</p>
						</td>
							<td style="text-align: center;line-height: 35px;">￥299.00</td>
							<td style="text-align: center;">1</td>
							<td style="border-right:2px solid #E7E7E7 ;">&nbsp;</td>
							<td rowspan="4"><span style="width: 100px;margin-left: 30px;margin-bottom: 5px;">等待卖家付款</span><br />
							<img src="../img/hgh/ordertimered.png" alt="" style="width: 15px;height: 15px;display: inline-block;margin-left: 20px;float: none;" />
							<span style="color:red;width: 100px;margin-left: 0px;">23小时44分</span></td>
						</tr>
						<tr>
							<td style="border-bottom: 2px solid #E7E7E7;">&nbsp;</td>
							<td style="border-bottom: 2px solid #E7E7E7;" >&nbsp;</td>
							<td style="border-bottom: 2px solid #E7E7E7;border-right:2px solid #E7E7E7 ;">&nbsp;</td>
						</tr>
						<tr><td rowspan="2" style="height: 200px;"><img src="../img/hgh/orderimg.png"/ >
						<span>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</span>
						<p>性别：女 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;尺码： L</p></td>
							<td style="text-align: center;line-height: 35px;">￥299.00</td>
							<td style="text-align: center;">1</td>
							<td style="border-right:2px solid #E7E7E7 ;">&nbsp;</td>
							
						</tr>
						<tr>
							<td >&nbsp;</td>
							<td>&nbsp;</td>
							<td style="border-right:2px solid #E7E7E7 ;">&nbsp;</td>
							
						</tr>
					</table>
				</div>
				<div class="money">
					<span class="mon1">商品总计：</span><span class="mon1">￥146.00</span><br />
					<span class="mon1">运费金额：</span><span class="mon1">&nbsp;&nbsp;&nbsp;&nbsp;￥00.00</span><br />
					<span class="mon2">实际金额：</span><span class="mon3">￥146.00</span>
				</div>
				
			</div>
			
			
		</main>
		<footer>
			<!--尾部-->
		<div class="footer">
				<div class="logo-2">
					<img src="../img/gq/logo-2_13.jpg"/>
				</div>
				<ul>
					<li>新手指南</li>
					<li>用户注册</li>
					<li>定制流程</li>
				</ul>
				<ul>
					<li>付款方式</li>
					<li>支付方式</li>
					<li>支付问题</li>
					<li>常见问题</li>
				</ul>
				<ul>
					<li>售后服务</li>
					<li>退款换货</li>
					<li>配送方式</li>
					<li>联系我们</li>
				</ul>
				<ul>
					<li>政策条款</li>
					<li>服务协议</li>
					<li>隐私条款</li>
					<li>s版权条款</li>
				</ul>
				<p>
					&copy;2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
				</p>
		</div>
		</footer>
	</body>
</html>
